<style lang="less">
  @import './style.less';
  body{ background: #FCEBDA !important;}
</style>
<template>
	<div class="container">
		<div class="xuniDuihuan">
			<div class="wxhongbaoImg pd25">
				<div class="tc"><img src="http://www.ihuyi.com/hd-temp/choujiang/images/hongbaobj.gif" width="100%"></div>
				<div class="tc" style="padding-top:30px"><a href="#"  @click="modal2 = true"><img src="http://www.ihuyi.com/hd-temp/choujiang/images/hongbaobtn.gif" width="60%" style="display:bolck"></a></div>
			</div>
			<Modal v-model="modal1">
				<div class="pd25">
					<h2 class="tc" style="color:#000;padding-bottom:0.8rem">请先完成下方验证</h2>
					<div>阿里云验证滚动条</div>
				</div>
			</Modal>
			<Modal v-model="modal2" :styles="{top: '20px'}">
				<div class="pd25">
					<p class="tc"><img src="http://www.ihuyi.com/hd-temp/choujiang/images/hongbaoimg.png" width="60%"></p>
					<p style="font-size:0.7rem;">恭喜您<b style="color:#ed4014">成功领取1.00元现金红包</b>，微信红包由在线活动平台代为发放，几分钟后将发送到您的微信，请耐心等候！如长时间仍未收到，可回到活动中奖页面查看发送进度。</p>
				</div>
			</Modal>

		</div>
	</div>

</template>
<script>
    export default {
        data () {
            return {
                formTop: {
                    input1: '',
                    input2: '',
                    input3: ''
				},
				modal1: false,
				modal2: false
            }
        }
    };

	(function (doc, win) {
		console.log(11);
		var docEl = doc.documentElement,   
		resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',   
		recalc = function () {   
		var clientWidth = docEl.clientWidth;   
		if (!clientWidth) return;   
		docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';   
	};   
	if (!doc.addEventListener) return;   
	win.addEventListener(resizeEvt, recalc, false);   
	doc.addEventListener('DOMContentLoaded', recalc, false);   
	})(document, window)   

</script>
